<script type="text/javascript" src="js/highchart/highcharts.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        chart1 = new Highcharts.Chart({
            chart: {
                renderTo: 'graficas',
                type: 'areaspline'
            },
            title: {
                text: '<?= lang('balance') ?>'
            },
            xAxis: {
                categories: [
<?php for ($i = count($misMovimientos) - 1; $i >= 0; $i--) { ?>
                        '<?= $misMovimientos[$i]->fecha ?>',
<?php } ?>
                ]
            },
            yAxis: {
                title: {
                    text: '<?= lang('importe') ?>'
                }
            },
            series: [{
                    name: '<?= lang('saldo') ?>',
                    tooltip : {
                        valueDecimals : 2
                    },
                    data: [
<?php for ($i = count($misMovimientos) - 1; $i >= 0; $i--) { ?>
    <?= $misMovimientos[$i]->resto ?>,
<?php } ?>
                    ]
                },
                {name: '<?= lang('movimientos') ?>',
                    tooltip : {
                        valueDecimals : 2
                    },
                    data: [
<?php for ($i = count($misMovimientos) - 1; $i >= 0; $i--) { ?>
    <?= $misMovimientos[$i]->importe ?>,
<?php } ?>
                    ]
                }
            ]
        });
    });
</script>
<div class="container_16 containerHeight">
    <div id="graficas" class="grid_12 push_1">

    </div>
</div>